<!--
    Document    : index
    Created on  : 09-04-2014, 16:03:16
    Author      : Mr. Truong Khuong
    Phone       : 0985 747 240
    Email       : Khuongxuantruong@gmail.com
    Skype       : Khuongxuantruong
-->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, user-scalable=no">
        <link href="../css/bootstrap.min.css" rel="stylesheet">
        <link href="../moodycrab/moodycrab.css" rel="stylesheet">
        <script src="../js/jquery-1.9.1.min.js"></script>
        <script src="../js/bootstrap.min.js"></script>
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
            <div class="container">
                <div class="navbar-header visible-xs">
                    <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar line-1"></span>
                        <span class="icon-bar line-2"></span>
                        <span class="icon-bar line-3"></span>
                    </button>
                    <a href="/home" class="navbar-brand">
                        <img src="images/logo.jpg"/>
                    </a>
                </div>
                <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation" >
                    <ul class="nav navbar-nav">

                        <li class=""><a href='index.html'>HOME</a></li>
                        <li class=""><a href='work.html'>WORK</a></li>
                    </ul>

                    <a href="/home">
                        <img class="logo hidden-xs" src="images/logo.jpg"/>
                    </a>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active"><a href='about.html'>ABOUT</a></li>
                        <li class=""><a href='contact.html'>CONTACT</a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <div  class="container" style="position: relative;z-index: 1">
            <div class="slogan">
                PROJECT PLANNER
            </div>
            <p class="notice">
				Interested in working with us on a project? Give us all the details below, and we'll get back to you as soon as possible.
            </p>
			<form name="moodycrabprojectplanner" id="moodycrabprojectplanner" target="integration_asynchronous">
            <div class="">
                <div style="border-top:1px solid #ccc;padding-top:20px;padding-bottom:20px">
                    <div class="about-title" style="padding-bottom: 30px">
                        YOUR DETAILS
                    </div>
                    <div class="form-contact project-planner">
                        <div class="col-md-4">
                            <input type="text" class="form-control" placeholder="Name">
                        </div>
                        <div class="col-md-4">
                            <input type="text" class="form-control" placeholder="Email Address">
                        </div>
                        <div class="col-md-4">
                            <input type="text" class="form-control" placeholder="Phone Number">
                        </div>
                        <div class="clear"></div>
                        <div class="about-title" style="padding: 20px 0">
                        BRIEF DESCRIPTION
                        </div>
                        <div class="col-md-12">
                            <textarea class="form-control" rows="3" style="max-width: 520px;margin: 0 auto;height: 82px;"></textarea>
                        </div>
                        <div class="clear"></div>
                        <div class="about-title" style="padding: 20px 0">
                        WHAT DO YOU NEED?
                        </div>
                        <div class="clear"></div>
                        
                        <div class="col-md-4">
                            <button type="button" class="btn btn-default btn-block">advertising</button>
                        </div>
                        <div class="col-md-4">
                            <button type="button" class="btn btn-default btn-block">branding</button>
                        </div>
                        <div class="col-md-4">
                            <button type="button" class="btn btn-default btn-block">digital</button>
                        </div>
                        <div class="col-md-4">
                            <button type="button" class="btn btn-default btn-block">innovative product</button>
                        </div>
                        <div class="col-md-4">
                            <button type="button" class="btn btn-default btn-block">strategy</button>
                        </div>
                        <div class="clear"></div>
                        <div class="about-title" style="padding: 20px 0">
                        FINISHED ?
                        </div>
                        <div class="clear"></div>
                        <div class="col-md-4">
                            
                        </div>
                        <div class="col-md-4">
                            <button type="button" class="btn btn-danger btn-block">Yep, submit this</button>
                        </div>
                        <div class="col-md-4">
                            
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
			</form>
            <div class="">
                <div style="border-bottom: 1px solid #ccc;border-top:1px solid #ccc;padding-top:20px;padding-bottom:20px">
                    <div class="about-title">
                        &nbsp;
                    </div>
                    <div class="col-md-4 col-xs-6 about-item">
                        <div class="">
                            <div class="nailthumb">
                                <div class="nailthumb-figure square">
                                    <div class="nailthumb-container">
                                        <img class="nailthumb-image" src="images/about1.png" >
                                    </div>
                                </div>
                            </div>
                            <h3>ADVERTISING</h3>
                            <p>
                                We take the everyday, reinterpret and inject insightful and creative energy to make traditional mediums engaging and rewarding. 
                            </p>
<!--                            <div style="text-align: center">
                                <button type="button" class="btn">More Detail</button>
                            </div>-->
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-6 about-item">
                        <div class="">
                            <div class="nailthumb">
                                <div class="nailthumb-figure square">
                                    <div class="nailthumb-container">
                                        <img class="nailthumb-image" src="images/about2.png" >
                                    </div>
                                </div>
                            </div>
                            <h3>BRANDING</h3>
                            <p>
                                Specialising in brand experience marketing, we activate brands, leverage sponsorships and maximise connections through mobile and digital amplification. 
                            </p>
<!--                            <div style="text-align: center">
                                <button type="button" class="btn">More Detail</button>
                            </div>-->
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-6 about-item">
                        <div class="">
                            <div class="nailthumb">
                                <div class="nailthumb-figure square">
                                    <div class="nailthumb-container">
                                        <img class="nailthumb-image" src="images/about3.png" >
                                    </div>
                                </div>
                            </div>
                            <h3>DIGITAL</h3>
                            <p>
                                Offering an extensive and wide-ranging experience from website design and development through to social media programs. 
                            </p>
<!--                            <div style="text-align: center">
                                <button type="button" class="btn">More Detail</button>
                            </div>-->
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-6 about-item">
                        <div class="">
                            <div class="nailthumb">
                                <div class="nailthumb-figure square">
                                    <div class="nailthumb-container">
                                        <img class="nailthumb-image" src="images/about4.png" >
                                    </div>
                                </div>
                            </div>
                            <h3>INNOVATIVE PRODUCTS</h3>
                            <p>
                                As an ideas based agency, we love entrepreneurial concepts and have the capabilities of designing, manufacturing and taking them to market. 
                            </p>
<!--                            <div style="text-align: center">
                                <button type="button" class="btn">More Detail</button>
                            </div>-->
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-6 about-item">
                        <div class="">
                            <div class="nailthumb">
                                <div class="nailthumb-figure square">
                                    <div class="nailthumb-container">
                                        <img class="nailthumb-image" src="images/about5.png" >
                                    </div>
                                </div>
                            </div>
                            <h3>STRATEGY</h3>
                            <p>
                                Creating engaging and insightful content through to a finished project by building a solid business foundation. 
                            </p>
<!--                            <div style="text-align: center">
                                <button type="button" class="btn">More Detail</button>
                            </div>-->
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>

            <div class="foot">
                <div style="border-bottom: 1px solid #ccc;padding-top:40px;padding-bottom:40px">
                    <div class="col-md-4">
                        <h3>Contact Detail</h3>
                        
                        <p>
                            <span>+ P :</span>
                            0422 925 979
                        </p>
                        <p>
                            <span>+ E :</span>
                            admin@moodycrab.com
                        </p>
                    </div>
                    <div class="col-md-8">
                        <h3>Send Us A Message</h3>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-contact">
                                    <div class="">
                                        <input type="text" class="form-control" placeholder="Enter your name here">
                                    </div>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <img src="images/phone-ico.jpg"/>
                                        </span>
                                        <input type="text" class="form-control" placeholder="Phone">
                                    </div>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <img src="images/mail-ico.jpg"/>
                                        </span>
                                        <input type="text" class="form-control" placeholder="Email">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-contact">
                                    <div class="">
                                        <textarea class="form-control" rows="3"></textarea>
                                    </div>
                                    <div class="" style="text-align: right;">
                                        <button type="button" class="btn btn-default">RESET</button>
                                        <button type="button" class="btn btn-danger">SUBMIT</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="copyright">
                    Coppyright &copy; MoodyCrab 2014
                </div>
            </div>	
        </div>